import React, { Component } from 'react'
import DatePicker from 'react-native-datepicker'
import {Text,View,Button,Dimensions,TouchableHighlight,Alert,StyleSheet} from 'react-native';
import {Container,Content,Footer,Header,Title,Tabs,Tab,TabHeading,Icon} from 'native-base';
import ShowDate from './showDate';
export default class home extends Component{
	render(){
		return(
			<Container>
			<Header>
			<Title>plan</Title>
			</Header>
			<Content>
			<Tabs initialPage={0} style={styles.tab}>
			<Tab heading="time" >
				<ShowDate/>
			</Tab>
			<Tab heading={<TabHeading><Icon name='camera'/><Text>plan</Text></TabHeading>} >
				<View>
				<Text>plan</Text>
				</View>

			</Tab>
			</Tabs>
	
			
			</Content>
			</Container>
			);
	}

}
const styles=StyleSheet.create({
	tab:{
		width:(Dimensions.get('window').width)/2,
		marginLeft:(Dimensions.get('window').width)/4,


	}
});